const skyDom = document.querySelector(".sky")
//getComputedStyle 不是dom的实例方法
const skyStyles = getComputedStyle(skyDom)
const skyWidth = parseFloat(skyStyles.width)
const skyHeight = parseFloat(skyStyles.height);


console.log(skyWidth, skyHeight);



class Sky extends Rectangle {
    constructor() {
        super(skyWidth, skyHeight, 0, 0, -50, 0, skyDom)
    }


    onmove() {
        //判断边界值
        if (this.left < - skyWidth / 2) {
            this.left = 0
        }
    }


}



// const sky = new Sky()


// setInterval(() => {
//     sky.move(16 / 1000)
// }, 16)









/**
 * 我自己的总结：
 *  skyDom.style.width 只能赋值，不能获取属性
 */




